<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>垃圾分类</title>
	<!-- Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- // Meta Tags -->
	<!--booststrap-->
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
	<!--//booststrap end-->
	<!-- font-awesome icons -->
	<link href="css/fontawesome-all.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<!--stylesheets-->
	<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
	<!--//stylesheets-->
	<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
</head>

<body>

	<!--/banner-->
	<!-- banner -->
	<header>
		<section class="banner1">
			<div class="agileits_w3layouts_banner_nav">

				<div class="header-bar py-sm-2">
					<div class="container py-2">
						<nav class="navbar navbar-expand-lg navbar-light">
							<div class="hedder-up">
								<h1><a class="navbar-brand" href="index.html">垃圾分类宣传网站系统</a></h1>
							</div>
							<button class="navbar-toggler" type="button" data-toggle="collapse"
								data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
								aria-expanded="false" aria-label="Toggle navigation">
								<span class="navbar-toggler-icon"></span>
							</button>
							<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
								<ul class="navbar-nav">
									<li class="nav-item">
										<a class="nav-link" href="index.html">首页 <span
												class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item">
										<a href="about.html" class="nav-link">垃圾分类</a>
									</li>
									<li class="nav-item">
										<a href="gallery.html" class="nav-link ">益处案例</a>
									</li>
									<li class="nav-item">
										<a href="codes.html" class="nav-link ">历史起源</a>
									</li>

									<li class="nav-item">
										<a href="contact.html" class="nav-link">联系我们</a>
									</li>
								</ul>
						

							</div>
						</nav>
					</div>
				</div>
				<!-- //Navigation -->
			</div>
		</section>
	</header>
	<!-- //banner -->
	<section class="banner_bottom py-md-5">
		<div class="container py-4 mt-2">
			<h3 class="tittle text-center mb-3">垃圾分类</h3>
			<p class="tit text-center mx-auto">&emsp;&emsp;垃圾分类可以减少环境污染。由于我国垃圾没有进行分类处理，现代的垃圾含有化学物质，有的会导致人们发病率提升。其次，垃圾分类可以提高经济价值。垃圾分类后，可回收物、有害垃圾、厨余垃圾和其他垃圾分别处理，使得有用的资源得到重新使用，从而减少了对自然资源的开采。此外，通过垃圾分类，还能有效减少土地侵蚀，保护生态环境。</p>
			<div class="inner_sec_info_wthree_agile pt-4 mt-md-4">
				<div class="row help_full">
					<div class="col-md-6 banner_bottom_grid help">
						<img src="images/g13.jpg" alt=" " class="img-fluid">
					</div>
					<div class="col-md-6 banner_bottom_left">
						<h4>垃圾分类的具体好处</h4>
						<p>垃圾分类的好处是多方面的。首先，垃圾分类可以减少环境污染。由于我国垃圾没有进行分类处理，现代的垃圾含有化学物质，有的会导致人们发病率提升。其次，垃圾分类可以提高经济价值。垃圾分类后，可回收物、有害垃圾、厨余垃圾和其他垃圾分别处理，使得有用的资源得到重新使用，从而减少了对自然资源的开采。此外，通过垃圾分类，还能有效减少土地侵蚀，保护生态环境。</p>
						<p>然而，我们也需要看到在我国垃圾分类的推广还存在诸多挑战。例如，总体上，我国垃圾分类覆盖范围还很有限，垃圾分类收运和处置设施依然存在短板，群众对垃圾分类的思想认识仍有不足。因此，我们需要继续加大力度推动垃圾分类工作的进展，提高公众的环保意识，以便更好地实现垃圾减量、资源化和无害化处理的目标。</p>
						<!-- <a href="#" class="blog-btn" data-toggle="modal" data-target="#myModal">Read More</a> -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--//ab-->
	<!-- middle section -->
	<!-- <section class="middle-w3l py-md-4">
		<div class="container py-5">
			<h2>reach your destination 100% sure and safe</h2>
			<p class="my-4">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod
				mazim.</p>
			<a href="contact.html" class="blog-btn">Contact Us</a>
		</div>
	</section> -->
	<!-- //middle section -->
	<!-- team -->
	<section class="team py-md-5">
		<div class="container py-4 mt-2">
			<h3 class="tittle text-center mb-3">垃圾的类别</h3>
			<p class="tit text-center mx-auto">垃圾分类的目的是提高垃圾的资源价值和经济价值，减少垃圾处理量和处理设备的使用，降低处理成本，减少土地污染，保护生态环境。</p>
			<div class="row inner-sec-w3layouts-agileinfo pt-4 mt-md-4">
				<div class="col-md-3 col-sm-6 team-grids aos-init" data-aos="flip-left">
					<img src="images/te1.jpg" class="img-responsive" alt="">
					<div class="team-info">
						<div class="caption">
							<h4>可回收垃圾</h4>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 team-grids aos-init" data-aos="flip-right">
					<img src="images/te2.jpg" class="img-responsive" alt="">
					<div class="team-info">
						<div class="caption">
							<h4>厨余垃圾</h4>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 team-grids aos-init" data-aos="flip-left">
					<img src="images/te3.jpg" class="img-responsive" alt="">
					<div class="team-info">
						<div class="caption">
							<h4>有害垃圾</h4>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 team-grids aos-init" data-aos="flip-right">
					<img src="images/te4.jpg" class="img-responsive" alt="">
					<div class="team-info">
						<div class="caption">
							<h4>其他垃圾</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //team -->
	<div class="copyright py-3">
		<div class="container">
			<div class="copyrightbottom">
				<p>垃圾分类宣传网站系统</p>

			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- //Modal -->
	<!--js working-->
	<script src="js/jquery.min.js"></script>
	<!--//js working-->
	<!-- smooth scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- //smooth scrolling -->
	<!-- scrolling script -->
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>
	<!-- //scrolling script -->
	<script src="js/main.js"></script>
	<!--bootstrap working-->
	<script src="js/bootstrap.min.js"></script>
	<!-- //bootstrap working-->
</body>

</html>